import React, { useState, useEffect } from 'react'
// 使用useEffect结束组件生命周期
export default function Hook6() {
    // 首先将state和setState方法解构出来
    const [state, setstate] = useState(0)
    // 设置一个定时器并使用useEffect结束定时器
    const timer = useEffect(() => {
        //    声明一个定时器
        setInterval(() => {
            // 直接在setstate方法中传入回调计算state
            setstate((p) => p + 1)
            // 设置定时器的更新频率为1000毫秒
        }, 1000)
        // 清除定时器 使用回调函数清除 在组件卸载之后清除
        return () => clearInterval(timer)
    }, [])
    return (
        <div>
            <h2>{state}</h2>
        </div>
    )
}
